<!DOCTYPE html>
{% load static %} 
<html lang="en">
<head>
	<meta charset="UTF-8"> 
	<meta http-equiv="X-UA-Compatible" content ="IE=edge">
	<meta name="viewport" content= "width=device-width,inital-scale=1">
	<meta name="description" content="First django website">
	<meta name="author" content="duwj">
	<link rel="icon" type="text/css" href="{% static 'images/favicon.ico' %}">

	<title>Tango - {%block title %}How to Tango with Django {%endblock%}</title>

	<link rel="stylesheet" type="text/css" href="{% static 'bootstrap.min.css' %}" />
	<link rel="stylesheet" type="text/css" href="{% static 'dashboard.css' %}" />
 

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body> 
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/tango/">Tango</a> 
	    </div>
	    <div class="navbar-collapse collapse">
		    <ul class="nav navbar-nav navbar-right">
			    <li><a href="{% url 'index' %}">Home</a></li>
			{% if user.is_authenticated %} 
			    <li><a href="{% url 'search' %}">Search</a></li>  
			    <li><a href="{% url 'restricted' %}">Restricted Page</a></li>
			    <li><a href="{% url 'auth_logout' %}?next=/tango/">Logout</a></li> 

		    {% else %}
			    <li><a href="{% url 'registration_register' %}">Register Here</a></li>
			    <li><a href="{% url 'auth_login' %}">Login</a></li>
		    {% endif %}
		        <li><a href="{% url 'about' %}">About</a></li>
		    </ul> 
	    </div>
    </div>
</div>
<div class="container-fluid">
	<div class="row">
		<div class="col-sm-3 col-md-2 sidebar">
			{% block side_block %}
               {% load tango_extras %}
               {% get_category_list  category%}
			{% endblock %}
		</div>
	<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
		<div>
			{% block body_block %}{% endblock %}
		</div> 
	</div>	
</div> 
 

 <!-- Bootstrap core Javascipt
 =========================================================-->
 <!-- Placed at the end of the document so the pages load faster -->
 <script type="text/javascript" src="{% static 'jquery-2.1.1.js' %}"></script> 
 <script type="text/javascript"  src="{% static 'bootstrap.min.js' %}"></script>
 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 <script type="text/javascript" src="{% static 'ie10-viewport-bug-workaround.js' %}"></script> 
</body>
</html>